<template>
  <v-page>
    <!-- 聊天设置 -->
    <navigator
      v-for="item in settings"
      :key="item"
      :url="item.url"
      class="u-row"
    >
      <view class="bg-light p-md border-b">
        <view
          class="d-flex align-center justify-between h-22"
          style="line-height: 22px"
        >
          <view class="d-flex align-center h-22">
            <view class="txt fn-16 color-default">{{ item.name }}</view>
          </view>
          <view class="iconfont fn-18 color-tips"> &#xe601; </view>
        </view>
      </view>
    </navigator>
  </v-page>
</template>

<script>
export default {
  data() {
    return {
      settings: [
        {
          name: "聊天设置",
          url: "",
        },
        {
          name: "消息设置",
          url: "",
        },
        {
          name: "隐私设置",
          url: "",
        },
        {
          name: "辅助设置",
          url: "",
        },
        {
          name: "表情商店",
          url: "",
        },
        {
          name: "机器人",
          url: "",
        },
        {
          name: "微聊网页版/桌面版",
          url: "",
        },
        {
          name: "账号注销",
          url: "",
        },
      ],
    };
  },
};
</script>

<style scoped>
</style>